// vue项目优化
// 在打包阶段  使用compression-webpack-plugins gzip
// 压缩css和js代码等  ugify-webpack-plugins
// 打包指令 

let path = require('path');

function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  publicPath: '/', // 部署应用包时的基本 URL 
  outputDir: 'dist', // 构建时的输出目录
  assetsDir: 'static', //将静态资源目录 (js、css、img、fonts) 放置在 `static` 目录中
  productionSourceMap: false, // 生产环境 sourceMap 去除多余文件
  devServer: {
    port: 8080,
    open: true,//自动打开浏览器
    proxy: { //解决开发阶段的跨域问题  项目上线后不需要
      // 项目上线后 用nginx 反向代理解决跨域
      // proxy代理原理 是在本地搭建一个基于的node代理服务器
      // 完成反省代理，使用中间件，http-proxy-middleware的中间件
      "/api": { //线上服务器
        target: "https://heimahr.itheima.net",//代理的目标服务器地址
        changeOrigin: true,//是否改变请求源地址
        ws: true,//是否支持websocket
        // pathRewrite:{ //路径重写 
        //   "^/api":""
        // }
      },
      "/dev-api": { //开发服务器
        target: "htpp://192.168.6.138:8888",
        changeOrigin: true,//是否改变请求源地址
      }

    }
  },
  configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    resolve: { //配置文件路径别名
      alias: {
        '@': resolve('src'),
        '@api': resolve('src/api')
      }
    }
    // 配置需要排出的包
    // externals: {
    //   'vue': 'Vue',
    //   'element-ui': 'ELEMENT',
    //   'cos-js-sdk-v5': 'COS'
    // }
  },


}